import { createBrowserRouter } from 'react-router-dom'
import Layout from '@/pages/Layout'
import Login from '@/pages/Login'
import { AuthRoute } from '@/components/AuthRoute'
import Home from '@/pages/Home/'
import Article from '@/pages/Article/'
import Publish from '@/pages/Publish/'

const router = createBrowserRouter([
  {
    path: '/',
    element: (
      <AuthRoute>
        <Layout />
      </AuthRoute>
    ),
    children: [
      {
        path: '/article',
        element: <Article />,
      },
      {
        path: '/publish',
        element: <Publish />,
      },
      {
        path: '/',
        element: <Home />,
      },
    ],
  },
  {
    path: '/login',
    element: <Login />,
  },
  {
    path: '*',
    element: <div>404</div>,
  },
])
export default router
